<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Gmuploader是一款可以提供跨平台支撑的上传组件</title>
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/lightbox.css" />
		<link rel="stylesheet" href="css/demo.css" />
		<link rel="shortcut icon" href="img/favicon.ico"/>
	</head>
	<body>
		<header id="header">
			<div id="header-content">
				<a href="index.html"><div class="header-logo"></div></a>
				<div class="header-nav">
					<ul class="">
						<li class="cur"><a href="demo.html">开始使用</a>
						</li>
						<li><a href="api.html">Gmuploader API</a>
						</li>
						<li><a href="about.html">关于</a>
						</li>
					</ul>
				</div>
			</div>
		</header>
		
		<div class="demo-header">
		  <div class="container">
	        <h1>开始使用</h1>
	        <p>Gmuploader概览，下载，使用基本示例。</p>
	       </div>
	    </div>
	    <div class="demo-content">
	    	<div class="container">
	    		<h1>下载</h1>
	    		<p>Gmupload 提供文件、图片上传服务，你可以下载前台源码学习了解。</p>
			    <div class="gm-g">
			    	<div class="col-md-6 col-md-centered">
			    		<a href="http://img.tanjun.com.cn/download/gmupload-demo.rar" class="gm-btn gm-btn-block demo-btn-success gm-btn-lg download">下载 Gmuploader v1.0.1</a>
			    	</div>
			    </div>
			    <h1>如何使用Gmuploader</h1>
			    <h2>组件快速上手</h2>
			    <h3>1.引入jQuery 和 Gmuploader</h3>
			    	<pre class='brush: js;'>
		    			http://js/jquery.min.js
						http://plugin/gmupload/js/gmupload.js
			    	</pre>
			    <h3>2.初始化组件</h3>
			    	<pre class='brush: js;'>
		    			$("#uploadId").uploadfile({
		    				url:''
						}); 
			    	</pre>
			    <h3>3.准备HTML代码</h3>
			    	<pre class="brush:js;">
						<input type="button" class="button" id="uploadId" value="上传图片"></td></pre>
				<h3>4.效果演示</h3>
					<input type="button" class="demo-btn" name="uploadPic" id="uploadPic" value="图片上传演示" />
					<input type="button" class="demo-btn" name="uploadFile" id="uploadFile" value="文件上传演示" />
	    	</div>
	    </div>
		<footer id="footer">
			<div class="footer-content">
				<div class="footer-logo"><img src="img/logo.png" alt="" width="60" height="60"/></div>
				<div class="footer-items">
					<ul>
						<li><a href="about.html">关于Gmuploader</a></li>
					</ul>
				</div>
				<div class="footer-share" id="fileList">
					<ul>
						<li><a href="img/gmuploader.jpg" class="lightbox"><img src="img/weixin.png" title="微信关注" width="20" height="20"/></a></li>
						<li><a href="http://weibo.com/gmuploader" target="_blank"><img src="img/weibo.png" title="微博分享" width="20" height="20"/></a></li>
					</ul>
				</div>
			</div>
			<div class="footer-notice">
				© 2014-2015 Gmuploader 版权所有.湘ICP备14006079号
			</div>
		</footer>
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/jquery.lightbox.js" ></script>
		<script type="text/javascript" src="js/plugin/layer/layer.min.js" ></script>
		<script type="text/javascript" src="js/demo.js"></script>
		<script type="text/javascript" src="plugin/gmupload/js/gmupload.js" ></script>
		
</html>
